<?php
/**
 * @package                Joomla.Site
 * @subpackage	Templates.beez_20
 * @copyright        Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
 * @license                GNU General Public License version 2 or later; see LICENSE.txt
 */

// No direct access.
defined ( '_JEXEC' ) or die ();

jimport ( 'joomla.filesystem.file' );
JHtml::_ ( 'behavior.framework', true );

// get params
$logo = $this->params->get ( 'logo' );
$navposition = $this->params->get ( 'navposition' );
$app = JFactory::getApplication ();
$doc = JFactory::getDocument ();
$templateparams = $app->getTemplate ( true )->params;

$doc->addStyleSheet ( $this->baseurl . '/templates/system/css/system.css' );
$doc->addStyleSheet ( $this->baseurl . '/templates/' . $this->template . '/css/layout.css', $type = 'text/css', $media = 'screen,projection' );
$doc->addStyleSheet ( $this->baseurl . '/templates/' . $this->template . '/css/template.css', $type = 'text/css', $media = 'screen,projection' );
$doc->addStyleSheet ( $this->baseurl . '/templates/' . $this->template . '/css/print.css', $type = 'text/css', $media = 'print' );

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xml:lang="<?php echo $this->language; ?>"
	lang="<?php echo $this->language; ?>"
	dir="<?php echo $this->direction; ?>">
<head>
<jdoc:include type="head" />
<!--[if lte IE 6]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ie7only.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<script type="text/javascript">
/* Modernizr 2.6.2 (Custom Build) | MIT & BSD
 * Build: http://modernizr.com/download/#-backgroundsize-opacity-rgba-textshadow-csscolumns-input-inputtypes-svg-printshiv-mq-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes-load
 */
//window.Modernizr=function(a,b,c){function C(a){j.cssText=a}function D(a,b){return C(n.join(a+";")+(b||""))}function E(a,b){return typeof a===b}function F(a,b){return!!~(""+a).indexOf(b)}function G(a,b){for(var d in a){var e=a[d];if(!F(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function H(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:E(f,"function")?f.bind(d||b):f}return!1}function I(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+p.join(d+" ")+d).split(" ");return E(b,"string")||E(b,"undefined")?G(e,b):(e=(a+" "+q.join(d+" ")+d).split(" "),H(e,b,c))}function J(){e.input=function(c){for(var d=0,e=c.length;d<e;d++)u[c[d]]=c[d]in k;return u.list&&(u.list=!!b.createElement("datalist")&&!!a.HTMLDataListElement),u}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),e.inputtypes=function(a){for(var d=0,e,f,h,i=a.length;d<i;d++)k.setAttribute("type",f=a[d]),e=k.type!=="text",e&&(k.value=l,k.style.cssText="position:absolute;visibility:hidden;",/^range$/.test(f)&&k.style.WebkitAppearance!==c?(g.appendChild(k),h=b.defaultView,e=h.getComputedStyle&&h.getComputedStyle(k,null).WebkitAppearance!=="textfield"&&k.offsetHeight!==0,g.removeChild(k)):/^(search|tel)$/.test(f)||(/^(url|email)$/.test(f)?e=k.checkValidity&&k.checkValidity()===!1:e=k.value!=l)),t[a[d]]=!!e;return t}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k=b.createElement("input"),l=":)",m={}.toString,n=" -webkit- -moz- -o- -ms- ".split(" "),o="Webkit Moz O ms",p=o.split(" "),q=o.toLowerCase().split(" "),r={svg:"http://www.w3.org/2000/svg"},s={},t={},u={},v=[],w=v.slice,x,y=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["&#173;",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},z=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return y("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},A={}.hasOwnProperty,B;!E(A,"undefined")&&!E(A.call,"undefined")?B=function(a,b){return A.call(a,b)}:B=function(a,b){return b in a&&E(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=w.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(w.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(w.call(arguments)))};return e}),s.rgba=function(){return C("background-color:rgba(150,255,150,.5)"),F(j.backgroundColor,"rgba")},s.backgroundsize=function(){return I("backgroundSize")},s.textshadow=function(){return b.createElement("div").style.textShadow===""},s.opacity=function(){return D("opacity:.55"),/^0.55$/.test(j.opacity)},s.csscolumns=function(){return I("columnCount")},s.svg=function(){return!!b.createElementNS&&!!b.createElementNS(r.svg,"svg").createSVGRect};for(var K in s)B(s,K)&&(x=K.toLowerCase(),e[x]=s[K](),v.push((e[x]?"":"no-")+x));return e.input||J(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)B(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},C(""),i=k=null,e._version=d,e._prefixes=n,e._domPrefixes=q,e._cssomPrefixes=p,e.mq=z,e.testProp=function(a){return G([a])},e.testAllProps=I,e.testStyles=y,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+v.join(" "):""),e}(this,this.document),function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}function v(a){var b,c=a.getElementsByTagName("*"),d=c.length,e=RegExp("^(?:"+l().join("|")+")$","i"),f=[];while(d--)b=c[d],e.test(b.nodeName)&&f.push(b.applyElement(w(b)));return f}function w(a){var b,c=a.attributes,d=c.length,e=a.ownerDocument.createElement(t+":"+a.nodeName);while(d--)b=c[d],b.specified&&e.setAttribute(b.nodeName,b.nodeValue);return e.style.cssText=a.style.cssText,e}function x(a){var b,c=a.split("{"),d=c.length,e=RegExp("(^|[\\s,>+~])("+l().join("|")+")(?=[[\\s,>+~#.:]|$)","gi"),f="$1"+t+"\\:$2";while(d--)b=c[d]=c[d].split("}"),b[b.length-1]=b[b.length-1].replace(e,f),c[d]=b.join("}");return c.join("{")}function y(a){var b=a.length;while(b--)a[b].removeNode()}function z(a){function g(){clearTimeout(d._removeSheetTimer),b&&b.removeNode(!0),b=null}var b,c,d=m(a),e=a.namespaces,f=a.parentWindow;return!u||a.printShived?a:(typeof e[t]=="undefined"&&e.add(t),f.attachEvent("onbeforeprint",function(){g();var d,e,f,h=a.styleSheets,i=[],j=h.length,l=Array(j);while(j--)l[j]=h[j];while(f=l.pop())if(!f.disabled&&s.test(f.media)){try{d=f.imports,e=d.length}catch(m){e=0}for(j=0;j<e;j++)l.push(d[j]);try{i.push(f.cssText)}catch(m){}}i=x(i.reverse().join("")),c=v(a),b=k(a,i)}),f.attachEvent("onafterprint",function(){y(c),clearTimeout(d._removeSheetTimer),d._removeSheetTimer=setTimeout(g,500)}),a.printShived=!0,a)}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^<|^(?:a|b|button|code|div|fieldset|form|h1|h2|h3|h4|h5|h6|i|iframe|img|input|label|li|link|ol|option|p|param|q|script|select|span|strong|style|table|tbody|td|textarea|tfoot|th|thead|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b);var s=/^$|\b(?:all|print)\b/,t="html5shiv",u=!j&&function(){var c=b.documentElement;return typeof b.namespaces!="undefined"&&typeof b.parentWindow!="undefined"&&typeof c.applyElement!="undefined"&&typeof c.removeNode!="undefined"&&typeof a.attachEvent!="undefined"}();r.type+=" print",r.shivPrint=z,z(b)}(this,document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
</script>
<!-- <script src="//use.typekit.net/eyw8pza.js" type="text/javascript"></script> 

<script src="http://www.colouredlines.com.au/wp-includes/js/comment-reply.min.js?ver=3.8.5" type="text/javascript"></script>
-->
<script src="<?php echo $this->baseurl.'/templates/'.$this->template;?>/javascript/jquery-1.9.1.min.js" type="text/javascript"></script>


<?php

/*
 * <script type="text/javascript"> // Modernizr-based polyfilling $(document).ready(function(){ if ($('html').is('.no-csscolumns')) { $('head').append(unescape('%3Cscript%20src%3D%22http%3A%2F%2Fwww.colouredlines.com.au%2Fwp-content%2Fthemes%2Fcolouredlines%2Fjs%2Fcss3-multi-column.js%22%20type%3D%22text%2Fjavascript%22%3E%3C%2Fscript%3E')); } if (Modernizr.mq('only all') == false) { $('head').append(unescape('%3Cscript%20src%3D%22http%3A%2F%2Fwww.colouredlines.com.au%2Fwp-content%2Fthemes%2Fcolouredlines%2Fjs%2Frespond.min.js%22%20type%3D%22text%2Fjavascript%22%3E%3C%2Fscript%3E')); } if ($('html').is('.ie7')) { $('.home-block input[type="search"]').remove(); } }); </script>
 */

?>
<!--
<script type="text/javascript"	src="http://www.colouredlines.com.au/wp-content/themes/colouredlines/js/jquery-ui-1.10.2.custom.min.js"></script>
  
<script type="text/javascript"	src="<?php echo $this->baseurl.'/templates/'.$this->template;?>/javascript/jquery_002.js"></script>

<script type="text/javascript"	src="<?php echo $this->baseurl.'/templates/'.$this->template;?>/javascript/jquery.history.js"></script>
-->
<script type="text/javascript">
$(document).ready(function() {
	window.ios = navigator.userAgent.match(/(iPod|iPhone|iPad|Android)/);
	
	$('.colours > a > span').each(function() {
		$(this).addClass('colour').css({'background-color': $(this).attr('data-colour')});
	});
	
	var window_height = ($(window).height() > 600) ? $(window).height() : 480;


	
	$('.colours').css({'height': window_height});
	$('.colour').css('height', Math.floor(window_height/6) );
	$('.colour').last().css('height', Math.floor(window_height/6) + window_height%6);	
	$('.circle, .home-block').height($('.colours').height());

	
	$(window).resize(function() {
		var window_height = ($(window).height() > 700) ? $(window).height() : 485;
		
		$('.colour').css('height', Math.floor(window_height/6) );
		$('.colour').last().css('height', Math.floor(window_height/6) + window_height%6);
		$('.colours').css({'height': window_height});
		$('.circle, .home-block').height($('.colours').height());
		
		$('.circle.png img').height(window_height);
		if ($('.colours.moved').length)
		{
			$('.content-panel').css({minHeight: Math.max($('.colours').height(), $('.content-box').outerHeight()), maxHeight: Math.max($('.content-box').outerHeight(), $('.colours').height(), $(window).height()), overflow: 'auto'});
		}
		else
		{
			$('.content-panel').css({maxHeight: $(window).height(), minHeight: 0});
		}
	});
	
	setInterval(function() { $(window).trigger('resize') }, 1000);
	
	$('.colour_link').click(function(event) {
		event.preventDefault();
		
		$('.colour_link').attr('data-current', 'false');
		$(this).attr('data-current', 'true');
		
		var this_name = $(this).children().first().attr('data-name');
		
		$('.content-box > h1').html($('.' + this_name + ' > h1').html());
		$('.content-box > .page_name').html($('.' + this_name + ' > .page_name').html());
		$('.content-box .paragraphs').first().html($('.' + this_name + ' .paragraphs').first().html());
		$('.content-box .paragraphs.second-block').first().html($('.' + this_name + ' .paragraphs.second-block').first().html());
		$('.content-box .quick-links').first().html($('.' + this_name + ' .quick-links').first().html());
		$('.content-panel').css({minHeight: $('.content-box').outerHeight(), overflow: 'auto'});
		
		if ($('.' + this_name + ' .paragraphs').is('.no-columns'))
		{
			$('.content-box .paragraphs').addClass('no-columns');
		}
		else
		{
			$('.content-box .paragraphs').removeClass('no-columns');
		}
		
		$('.content-box').attr('data-page', this_name);
		
		if ($('.colours').is('.moved') == false)
		{
			$('.colours').addClass('moving').delay(500).addClass('moved', 500) //.removeClass('moving');
			$('#home_wrapper').stop().animate({'right': '100%'}, 1000, function() {
				$('.content-box').addClass('moved');
				$('.icon-home').fadeIn();
			});
			$('.content-panel, .content-box, body').stop().css({'background-color': '#fff'}, 1000);
			$('#home_wrapper').addClass('moved');
		}
		else
		{
			$('.content-panel, .content-box, body').stop().animate({'background-color': $(this).find('span').attr('data-colour')}, 500);
		}
		
// 		if (History.enabled)
// 		{
// 			window.manualStateChange = false;
// 			History.pushState({page:this_name}, $(this).find('span span').text() + ' | ' + 'Coloured Lines', $(this).attr('href'));
// 		}
	});
		
	$('body').on('click', '.quick-links a', function(event) {
		event.preventDefault();		
		window.manualStateChange = false;
		$('.colour_link.' + $(this).attr('data-url')).trigger('click');		
		return false;
	});
	
	$('.colours .colour_link').hover(function() {
		if ($('.colours').is('.moved') && $(this).attr('data-current') == "false" && !window.ios)
		{
			$('.content-box').addClass('moved-back');
			$(this).children().first().stop().animate({'margin-left': 150});
			$(this).addClass('hover', 1000);
		}
	}, function() {
		$(this).children().first().stop().animate({'margin-left': 0});
		$(this).removeClass('hover', 1000);
		$('.content-box').removeClass('moved-back');
	});
	
	$('.colours:not(.moving) a').hover(function() {
		if ($('.colours:not(.moving)').length)
		{
			$(this).children().first().css({'padding-top': '5px', 'margin-top': '-5px'});
		}
	}, function() {
		$(this).children().first().css({'padding-top': '0', 'margin-top': '0'});
	});
	
	$('.icon-home a').on('click', function(event) {
		event.preventDefault();
		event.stopPropagation();
		
// 		if (History.enabled)
// 		{
// 			History.replaceState({page:'home'}, 'Coloured Lines', '/');
// 			//$(window).trigger('statechange');
// 		}
		
		$('.colours').stop().removeClass('moved').delay(500).removeClass('moving');
		$('.icon-home').stop().fadeOut();
		$('.content-box').stop().removeClass('moved');
		$('.content-panel').css({minHeight: 5, overflow: 'hidden'});
		$('#home_wrapper').stop().animate({right: 0});
		
		$('#home_wrapper').removeClass('moved');
		$('.content-panel').css({maxHeight: $(window).height(), minHeight: 0});
	});
	
	$('.colours').one('click', function() {
		$('label').addClass('tk-museo-sans');
	});
	
	if (window.ios)
	{
		$('.telephone-number').html('<a href="tel:' + $('.telephone-number').first().text() + '">' + $('.telephone-number').first().text() + '</a>');
	}
	$('.telephone-number').addClass('with-icon');
	
// 	 var History = window.History; // Note: We are using a capital H instead of a lower h
// 	if ( !History.enabled ) {
// 		History.Adapter.bind(window,'statechange',function(){ // Note: We are using statechange instead of popstate
// 			var State = History.getState(); // Note: We are using History.getState() instead of event.state
// 			History.log(State.data, State.title, State.url);
// 		});
// 	}
	
	$('.circle.png img').height($(window).height());
	
	$(window).bind('statechange', function() {
		if ($('html.ie8').length || $('html.ie7').length || $('html.ie9').length)
		{
			return false;
		}
		
		if (window.location.pathname == '/')
		{
			$('.icon-home').stop().fadeOut();
			$('.content-box').removeClass('moved');
			$('#home_wrapper').stop().animate({right: 0});
			$('.colours').stop().removeClass('moved').delay(500).removeClass('moving');
			
			$('#home_wrapper').removeClass('moved');
		}
		else if (window.manualStateChange)
		{
			$('a[href="' + window.location.href + '"]').click();
		}
		
		window.manualStateChange = true;
	});
	
	$('form[method="post"]').submit(function(event) {
		event.preventDefault();
		
		$.post($(this).attr('action'), $(this).serialize(), function(data) {
			alert(data);
		}, 'json');
		
		return false;
	});
	
	$(window).scroll(function() {
		var diff = $('.colours').height() - $(window).height();
		
		if ($(window).scrollTop() > diff && $('.colours:not(.stuck)').length)
		{
			$('.colours').addClass('stuck');
		}
		else if ($(window).scrollTop() < diff)
		{
			$('.colours.stuck').removeClass('stuck');
		}
	});
});
</script>
<body>

	<div id="home_wrapper">
		<div class="colours tk-museo-sans colours-left">
			<a data-current="false" class="colour_link who_we_are"
				href="#"><span class="colour"
				data-name="who_we_are" data-colour="#f2b701"
				><span>Who We Are</span></span></a> 
		</div>
		<div class="circle circle-left png">
			<img alt="" style="display: table-cell;" src="<?php echo JURI::base().'templates/'.$this->template.'/images/circle.png'?>">		
		</div>
		
		<div class="home-block">

			
	<jdoc:include type="message" />
	<jdoc:include type="component" />
	
			<div class="logoheader">
      <h1 id="logo"> <a title="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" href="<?php echo JURI::base();?>">
                
                
                <?php if ($logo != null ): ?>
					<img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
					<?php endif; ?>
                
                        </a>
       </h1>
    </div>
    
		</div>
		<div class="circle">
			<img alt="" style="display: block; height: 100%"
				src="http://www.colouredlines.com.au/wp-content/themes/colouredlines/images/circle2.svg">
		
		</div>
		<div class="circle circle-right png">
			<img alt="" style="display: table-cell;" src="<?php echo JURI::base().'templates/'.$this->template.'/images/circle2.png'?>">		
		</div>

		<div class="colours tk-museo-sans colours-right">
			<a data-current="false" class="colour_link who_we_are"
				href="<?php echo JURI::base()?>gioi-thieu/"><span class="colour"
				data-name="who_we_are" data-colour="#7ACCC8"
				><span>Giới thiệu</span></span></a> 
				
				
				<a data-current="false"
				class="colour_link what_we_do"
				href="<?php echo JURI::base()?>khoa-hoc"><span class="colour"
				data-name="what_we_do" data-colour="#1CBBB4"><span>Khóa học</span></span></a> 
						
						
				<a data-current="false"
				class="colour_link why_choose_us"
				href="<?php echo JURI::base()?>lich-hoc/"><span
				class="colour" data-name="why_choose_us" data-colour="#00A99D"><span>
						Lịch học</span></span></a> 
						
						
						
						<a data-current="false"
				class="colour_link products"
				href="<?php echo JURI::base()?>su-kien/"><span class="colour"
				data-name="products" data-colour="#00746B"><span>Sự kiện</span></span></a>
				
				
				
			<a data-current="false" class="colour_link guestbook"
				href="<?php echo JURI::base()?>cam-nhan"><span
				class="colour" data-name="guestbook" data-colour="#005952"><span>Cảm nhận</span></span></a>
				
			<a data-current="false" class="colour_link contact_us" href="<?php echo JURI::base()?>lien-he/">
			<span class="colour" data-name="contact_us" data-colour="#01403B" ><span>Liên Hệ</span></span></a>

		
		</div>
	</div>
	<div class="content-panel" style="max-height: 322px; min-height: 0px;">
		<div class="content-box">
			<p class="icon-home">				
				<a href="<?php echo JURI::base();?>"><img width="235" height="auto" alt="Trang chủ"
					src="<?php echo JURI::base();?>/images/logo-hamhoc.png"></a>
				<span style="float: right; margin-top: 20px"
					class="telephone-number tk-museo-sans with-icon">0915&nbsp;395&nbsp;454</span>
			</p>
			<div class="page_name tk-museo-sans">All Pages</div>
			<h1 class="tk-source-sans-pro">Harness&nbsp;the power of speech.</h1>
			<div class="paragraphs tk-source-sans-pro"></div>
			<div class="paragraphs second-block tk-source-sans-pro">
				<p>&nbsp;</p>
			</div>
			<div class="quick-links tk-source-sans-pro">
				<a data-url="" href="#">Widget link goes here</a>
			</div>	
		</div>
	</div>



	<div class="who_we_are hidden">
		<div class="page_name tk-museo-sans">Giới thiệu</div>
		<h1 class="tk-source-sans-pro">Công Ty Cổ Phần Tư Vấn Đào Tạo Ham Học</h1>
		<div class="paragraphs tk-source-sans-pro">
			<jdoc:include type="modules" name="position-gioithieu" />
		</div>
		<div class="paragraphs second-block"></div>
		<div class="quick-links">
			<a data-url="what_we_do" href="#">Khóa học</a>
		</div>
	</div>

	<div class="what_we_do hidden">
		<div class="page_name tk-museo-sans">Khóa học</div>
		<h1 class="tk-source-sans-pro">Công Ty Cổ Phần Tư Vấn Đào Tạo Ham Học</h1>
		<div class="paragraphs tk-source-sans-pro">
			<jdoc:include type="modules" name="position-khoahoc" />
		</div>
		<div class="paragraphs second-block"></div>
		<div class="quick-links">
			<a data-url="why_choose_us" href="#">Lịch học</a>
		</div>
	</div>

	<div class="why_choose_us hidden">
		<div class="page_name tk-museo-sans">Lịch học</div>
		<h1 class="tk-source-sans-pro">Lịch học mới nhất</h1>
		<div class="paragraphs tk-source-sans-pro">
			<jdoc:include type="modules" name="position-lichhoc" />
		</div>
		<div class="paragraphs second-block"></div>
		<div class="quick-links">
			<a href="#" data-url="products">Sự kiện</a>
		</div>
	</div>

	<div class="products hidden">
		<div class="page_name tk-museo-sans">Sự kiện</div>
		<h1 class="tk-source-sans-pro">Tin tức & Sự kiện</h1>
		<div class="paragraphs tk-source-sans-pro no-columns">
			
		</div>
		<div class="paragraphs second-block"></div>
		<div class="quick-links">
			<a href="#" data-url="guestbook">Cảm nhận</a>
		</div>
	</div>

	<div class="guestbook hidden">
		<div class="page_name tk-museo-sans">Cảm nhận</div>
		<h1 class="tk-source-sans-pro">Cảm nhận của học viên</h1>
		<div class="paragraphs tk-source-sans-pro no-columns">
			<p>"Coloured Lines SIP trunks have proven to be a stable and cost
				effective solution complementing our Switchvox PBXs perfectly. The
				service provided by Coloured Lines has been excellent and I have
				found their staff to be extremely knowledgeable and helpful. I would
				recommend them to anyone who is looking for a modern, IP based
				telecommunications solution."</p>
			<p>
				<strong>Karl Latiss</strong><br><br> Manager Network Operations 
			
			</p>
			<h4
				style="letter-spacing: 1px; margin-top: -17px; margin-bottom: 20px;">NEXTDIGITAL</h4>
			<hr class="testimonial-border">
				<p>“We had previously twice attempted the move from ISDN to VoIP,
					however in both instances the results were far from satisfactory.
					Then along came Coloured Lines. They ensured the whole process was
					painless. The end result was every bit as good as ISDN and the
					fantastic savings we make every month are a real bonus.”</p>
				<p>
					<strong>Lloyd Campbell</strong><br><br> Managing Director 
				
				</p>
				<h4
					style="letter-spacing: 1px; margin-top: -17px; margin-bottom: 20px;">IMPACT
					LISTS</h4>
				<hr class="testimonial-border">
					<p>“We used the guys from Coloured Lines which have made the
						process smooth sailing. We now have phones at multiple office
						around the world and have a number of features like call
						recording, time of day routing, on hold music, International
						numbers are displayed when we call different countries. For
						example when we call our USA customers our USA number appears and
						call quality is like we are in the USA. Moving our PBX to the
						cloud has allowed us to focus on growing Connect2Field and not
						have to worry about how our telephone system will cope with the
						growth. We’ve also saved a lot a heap of money!”</p>
					<p>
						<strong>Steve Orenstein</strong><br><br> CEO 
					
					</p>
					<h4
						style="letter-spacing: 1px; margin-top: -17px; margin-bottom: 20px;">CONNECT2FIELD</h4>
		
		</div>
		<div class="paragraphs second-block"></div>
		<div class="quick-links">
			<a href="#" data-url="contact_us">Contact Us</a>
		</div>
	</div>

	<div class="contact_us hidden">
	<div class="page_name tk-museo-sans">Liên hệ</div>
		<h1 class="tk-source-sans-pro">Hear what our customers are saying</h1>
		lien he
	</div>
<script type="text/javascript">
// Modernizr.load({
// test: Modernizr.input.placeholder,
// nope: [
// 'js/jquery.placeholder.min.js'
// ]
// });
</script>

		<jdoc:include type="modules" name="debug" />

</body>
</html>
